<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻页面</title>
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>
    <link rel="stylesheet" href="../css/product.css">

</head>
<body>
<!--以后里面所有的元素都是div，-->
<!--div默认上下结构-->
<div>
    <!--    ctrl+alt+l 代码自动格式化-->
    <div id="top"></div>
    <div class="middle">
        <div>
            <div>
                <div class="title">产品展示</div>
                <div class="type">
                    <div>【川菜】</div>
                    <div>【粤菜】</div>
                    <div>【湘菜】</div>
                    <div>【川菜】</div>
                    <div>【粤菜】</div>
                    <div>【湘菜】</div>
                </div>
            </div>
            <div class="border-top-padding">
                <div class="product">
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/12_38ve.jpg"></div>
                        <div class="font-title single-over">排骨肉饭排骨肉饭排骨肉饭排骨肉饭排骨肉饭</div>
                        <div>
                            <div class="font-content">价格：</div>
                            <div class="price" price>4：00</div>
                        </div>
                        <div class="font-content many-over-three">
                            原料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付料：排骨，饭，油，发的书法石刻到付哈可接受的
                        </div>
                    </div>
                </div>
                <div id="page"></div>
            </div>
        </div>
    </div>
    <div id="foot"></div>

</div>
</body>
</html>